<template>
<!-- 认证申请管理历史审核 -->
    <div>
        <div class="opeCom">
            <h4>历史审核</h4>
            <div class="choice">
                <el-form ref="form" :model="form" size="mini" :inline="true" class="demo-from-inline">
                    <el-form-item label="">
                       
                            <el-input v-model="form.number" placeholder="请输入手机号"></el-input>
                       </el-form-item>
                        <el-form-item label="">
                            <el-button type="primary">确定</el-button>
                        
                    </el-form-item>
                </el-form>
            </div>
        </div>
        <p>本小时机审数据 2017-12-21 16:29:06更新</p>
        <ul class="authen">
            <li>
                <p>处理</p>
                <span>2452</span>
            </li>
            <li>
                <p>审核通过</p>
                <span>--</span>
            </li>
            <li>
                <p>审核拒绝</p>
                <span>2418</span>
            </li>
            <li class="hide"></li>
        </ul>
        <p>所有机审数据 2017-12-21 16:29:06更新</p>
        <ul class="authen">
            <li>
                <p>处理</p>
                <span>--</span>
            </li>
            <li>
                <p>审核通过</p>
                <span>--</span>
            </li>
            <li>
                <p>审核拒绝</p>
                <span>--</span>
            </li>
            <li class="hide"></li>
        </ul>
        <h4>审核列表</h4>
        <div class="applyList">
        <el-form :inline="true" ref="form" :model="form" size='mini' class="demo-form-inline">
            
                <el-form-item label="手机号：" width="80px">
                    <el-input v-model="form.name" placeholder="请输入手机号" width="200px"></el-input>
                </el-form-item>
                <el-form-item label="审核客服筛选：">
                    <el-select v-model="form.region1" placeholder="所有">
                        <el-option label="所有" value="shanghai"></el-option>
                        <el-option label="人工" value="beijing"></el-option>
                        <el-option label="自动" value="beijin"></el-option>
                    </el-select>
                </el-form-item>      
           
                <el-form-item label="机审结果筛选：">
                    <el-select v-model="form.region2" placeholder="所有">
                        <el-option label="所有" value="shanghai"></el-option>
                        <el-option label="通过" value="beijing"></el-option>
                        <el-option label="拒绝" value="beijin"></el-option>
                        <el-option label="错误" value="beijin"></el-option>
                    </el-select>
                </el-form-item>
           
            
                <el-form-item label="开始时间：">
                    <el-date-picker type="date" placeholder="请选择开始时间" v-model="form.date1" style="width: 100%;"></el-date-picker>
                </el-form-item>
          
           
                <el-form-item label="结束时间：">
                    <el-date-picker type="date" placeholder="请选择结束时间" v-model="form.date2" style="width: 100%;"></el-date-picker>
                </el-form-item>
           
        </el-form>
        <el-button type="primary" size='mini'>确定</el-button>
        </div>
        <el-table :data="tableData.slice((currentPage-1)*pagesize,currentPage*pagesize)" style="width: 100%">
            <el-table-column prop="number" label="订单号" width="80px">
            </el-table-column>
            <el-table-column prop="name" label="申请人" width="80px">
            </el-table-column>
            <el-table-column prop="uptime" label="提交时间" width="180px">
            </el-table-column>
            <el-table-column prop="authentime" label="审核时间" width="180px">
            </el-table-column>
            <el-table-column prop="comtime" label="机审时间">
            </el-table-column>
            <el-table-column prop="comresult" label="机审结果">
            </el-table-column>
            <el-table-column prop="person" label="审核客服">
            </el-table-column>
            <el-table-column prop="res" label="来源渠道">
            </el-table-column>
            <el-table-column prop="result" label="审核结果">
            </el-table-column>
            <el-table-column prop="operate" label="操作">
                <template slot-scope="scope">
                    <router-link :to="'auth-apply-detail/'+scope.row.number">
                        <el-button type="text" size="small">查看</el-button>
                    </router-link>
                                    
    </template>
      </el-table-column>
    </el-table>
     <div class="pagination">
        <el-pagination
        @size-change="handleSizeChange"
        @current-change="handleCurrentChange"
        layout="prev,pager,next"
        :page-size="pagesize"
        :current-page="currentPage"
        :total="tableData.length"
        >

        </el-pagination>
    </div>
    </div>
</template>
<script>
    export default {
        data() {
            return { 
                pagesize:1,
                currentPage:1,
                hiden: false,
                form: {
                    region1: '',
                    region2: '',
                    date1: '',
                    date2: ''
                },
                tableData: [{
                        number: '2479',
                        name: '庞展1',
                        uptime: '2017-12-21 16:31:38',
                        authentime: '2017-12-21 16:36:11',
                        comtime: '--',
                        comresult: '--',
                        person: '人工',
                        res: 'browser',
                        result: '审核通过',
                        operate: ''
                    },
                    {
                        number: '2479',
                        name: '庞展2',
                        uptime: '2017-12-21 16:31:38',
                        authentime: '2017-12-21 16:36:11',
                        comtime: '--',
                        comresult: '--',
                        person: '人工',
                        res: 'browser',
                        result: '审核通过',
                        operate: ''
                    },
                    {
                        number: '2479',
                        name: '庞展3',
                        uptime: '2017-12-21 16:31:38',
                        authentime: '2017-12-21 16:36:11',
                        comtime: '--',
                        comresult: '--',
                        person: '人工',
                        res: 'browser',
                        result: '审核通过',
                        operate: ''
                    },
                    {
                        number: '2479',
                        name: '庞展4',
                        uptime: '2017-12-21 16:31:38',
                        authentime: '2017-12-21 16:36:11',
                        comtime: '--',
                        comresult: '--',
                        person: '人工',
                        res: 'browser',
                        result: '审核通过',
                        operate: ''
                    }
                ],
                fileList: []
            }
        },
        methods: {
             handleSizeChange(val){
this.pagesize=val;
            },
            handleCurrentChange(val){
            this.currentPage=val;
        }
        }
    }
</script>
<style lang="scss" scoped>
    @import '../../css/topChoice.scss';
    @import '../../css/loan.scss';
    .hide {
        visibility: hidden;
    }
    .applyList{
        display: flex;
        align-items: center;
    }
</style>
